*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html,body{height: 100%;}
html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,p,form,dl,dt,dd,figure{margin:0; padding:0; border:0;}
body{line-height:1.6em; font-family:Helvetica, Arial, sans-serif; color:#555; background: url(http://mbed.qiniudn.com/yanjunyi.com/img/bg-light.jpg) fixed;}
a{margin:0 2px; color:#06c; text-decoration:none;}
a:hover{text-decoration:underline;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{margin:0;}
img{border:0;}
input,textarea{resize:none;}


.main{background-color: #fff;}

header{font-size:80%; margin-bottom: 2em;}
header h1 .minor{color:#999; font-weight:normal;}
header .additional{font-size:90%; color:#ccc;}

aside{background:rgba(238,238,238,.4); font-size:75%;}
aside h2{margin:1em 0;}
aside .feed-link{margin-left:0.5em; color: #e81;}
aside nav ul{list-style:none; line-height:1.5em;}
aside nav li:before{content:"> "; font:normal 80%/1em "宋体"; margin:0 .3em; color: #999;}
aside .block{max-width:300px; margin:1.5em 0; line-height:1.5em;}
aside .block h3{margin:.5em 0;}
aside .block a{margin:0;}
aside .block-about figure img{border-radius:2px;}
aside .block-about figcaption{margin:0.2em 0;}
aside .block-about figcaption:after{content:'<mytharcher@gmail.com>'; padding-left:.5em; color: #bbb; font-weight:bold; opacity: 0; transition:opacity .5s; -moz-transition:opacity .5s; -webkit-transition:opacity .5s;}
aside .block-about:hover figcaption:after{opacity: 1;}
aside .block-fork{position: absolute; top:0; right:0; margin: 0;}
aside .block-search input{width: 12em; max-width: 100%; margin: 0; padding: 5px; transition: width .3s ease;}
aside .block-search input:focus{width: 100%;}

footer p{color:#aaa; font-size:75%; line-height:1.6em;}

/* post page */
.page-type-post article>h1:first-child{margin-bottom:0;}
.page-type-post article .permalink{font:italic 85%/1.6em Arial, Helvetica, sans-serif; color:#999;}

.page-type-list article h2{margin-bottom:0;}
.page-type-list section{
	margin: 2em 0;
}
.page-type-list section ul{
	margin: .5em 0 0 2em;
}
.page-type-list section li time{
	margin-right: .5em;
	color: #999;
}

.trace{font-size:80%; color:#999;}

article{margin:2em 0;font-size:90%;}
article>h1:first-child{margin:0;}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
article p{margin:.8em 0;}
article h1{font-size:1.6em;}
article h2{font-size:1.4em;}
article figure{margin: 1em 0;}
article p img,
article figure img{max-width: 100%;}
article figure.half img{max-width: 50%;}
article figure.half img.margin{max-width: 46%; margin: 2%; box-shadow: 0 5px 15px rgba(0,0,0,.5);}
article ul,
article ol{padding-left:2em;}
article dl{margin:.5em .8em;}
article dl dd{margin-left:2em;}
article dl dd>ul,
article dl dd>ol{padding-left:1em;}
article pre{width:100%; overflow-x:auto; line-height:1.2em; border-radius: 4px; background:#333;}
article code{border-radius: 4px; font:normal 85%/1.2em "Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;}
article :not(pre)>code{margin:auto 1px; padding:1px 2px; border: 1px solid #d7d7d7; background: #eee;}
article table{border-collapse:collapse;}
article th,article td{padding:0 10px; border:1px solid #ccc; font-size:85%;}
article th{background:#eee; text-align:left;}
article td{background:#fff;}
article table a{margin:0;}
article blockquote{line-height:1.6em; margin:1em 0 1em 1.5em; border-left:2px solid #eee; padding-left:1em; font-size:90%;}

article .meta{line-height:1.6em; font-size:80%; margin:0.5em 0 2em 0; color:#999;}
article .meta:last-child{margin-bottom:0;}
article .gist .gist-file .gist-meta{padding:0 .5em;}
article .gist,
article .gist pre{line-height: normal;}
article .gist th,
article .gist td{font-size: 100%; border: 0;}
article .gist .line_numbers{font-size: 85%;}
article .gist .line-data{min-width: 100%;}

#disqus_thread{clear:both; margin:3em 0; font-size:80%;}
#disqus_thread a{padding-right:0; background:none;}

#cse{margin:2em 0; line-height:normal;}
#cse *{box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
#cse a{margin:0;}
#cse .gsc-control-cse{padding:0;}
#cse .gsc-input{vertical-align:top;}
#cse .gsc-result .gs-title{height:auto;}
#cse .gsc-search-button{margin:0;}
#cse .gcsc-branding-clickable{padding:0; background:none;}
#cse .gsc-result-info{padding:0;}
#cse .gsc-results{width:auto; border:none;}
#cse .gs-result>*{padding:0;}
#cse .gsc-cursor-box{margin:1em 0;}
#cse .gs-no-results-result .gs-snippet{margin:0; border:none; background:none;}


@media screen and (min-width:1024px) {
	.main{
		position:relative; zoom:1;
		width:62%;
		min-height: 100%;
		padding:2em 3em;
	}
	aside{
		position:fixed;
		left:62%;
		top:0;
		right:0;
		height:100%;
		overflow:hidden;
		padding:2em 3em;
		box-shadow:5px 0 5px rgba(0,0,0,.1) inset;
	}
}

@media screen and (max-width: 1023px) {
	.main{
		padding: 1em;
	}
	aside{
		padding: 1em;
	}
}

@media screen and (min-width: 1440px) {
	body{
		line-height: 1.8em;
		font-size: 110%;
	}
	article{
		font-size: 100%;
	}
}
